.imsgecontenbo {
    background: #fafbfc;
    border: 1px solid #fafbfc;
    border-radius: 4px;
    margin-bottom: 12px;
    padding: 15px 11px;
    width: 1113px;

    .topmovuerfoter {
        // margin-bottom: 15px;
        display: flex;
        // position: relative;
        height: 150px;
        // height: 145px;
        position: relative;

        .moverbox {
            // position: absolute;
            // left: 0;
            // right: 0;
            height: 100px;
            width: 100px;
            margin-right: 20px;

            // transition: transform 0.2s;
            &:hover .moveIcon {
                display: block;
            }

            .seterimage {
                display: inline-block;
                position: relative;
                height: 100px;
                width: 100px;
                border: 1px solid #ccc;
                overflow: hidden;
                border-radius: 4px;
                box-sizing: content-box;

                .couyimage {
                    width: 100px;
                    height: 100px;
                    pointer-events: none;
                    -webkit-user-drag: none;
                    user-select: none;
                }

                .wterioconbos {
                    position: absolute;
                    left: 0;
                    top: 0;
                    line-height: 0;
                    user-select: none;
                }
            }

            .moveIcon {
                display: none;
                position: absolute;
                right: 0;
                top: 0;
                transform: translateX(50%) translateY(-50%);
                color: #fff;
                font-size: 20px;
                cursor: move;
                z-index: 100;
                background-color: rgba(0, 0, 0, 0.5);
                // height: 80px;
                // width: 80px;
                line-height: 20px;
                text-align: center;
                user-select: none;
            }
        }
    }

    .deletcontenty {
        // margin: 0 20px 85px 0;
        font-size: 20px;
        color: red;
        cursor: pointer;
    }

    .sm-upload-notice {
        margin-top: 0 !important;
    }


    .topmovuerfoter-tower {
        // margin-bottom: 15px;
        display: flex;
        flex-wrap: wrap;

        // position: relative;
        // height: 120px;

    }

    .imageMoveBox {
        background: #fff;
        border: 1px solid #dcdde0;
        border-radius: 4px;
        box-sizing: border-box;
        // margin-bottom: 16px;
        padding: 16px;
        width: 750px;
    }

    .topconter {
        height: 404px;
        overflow-y: scroll;
    }
}

.moverbox {
    // position: absolute;
    // left: 0;
    // right: 0;
    // height: 100px;
    width: 100px;
    margin: 0 15px 15px 0;

    // transition: transform 0.2s;
    // &:hover .moveIcon {
    //     display:block;
    // }
    .seterimage {
        // display: inline-block;
        position: relative;
        height: 100px;
        width: 100px;
        border: 1px solid #ccc;
        overflow: hidden;
        border-radius: 4px;
        box-sizing: content-box;
        text-align: center;
        background-color: #F6F6F6;
        display: flex;
        justify-content: center;
        align-items: center;

        &:hover .conterItemStatus {
            bottom: 0px;
        }

        .conterItemStatus {
            transition: all 0.1s;
            position: absolute;
            left: 0;
            bottom: -25px;
            width: 100%;
            height: 25px;
            background-color: rgba(0, 0, 0, 0.5);
            display: flex;
            align-items: center;
            justify-content: space-between;

            .itemcie {
                flex: 1;

                .setIcon {
                    color: #fff;
                    cursor: pointer;
                }
            }
        }

        .couyimage {
            // width: 100px;
            // height: 100%;
            max-width: 100%;
            max-height: 100%;
            height: auto;
            width: auto;
            display: block;
            pointer-events: none;
            -webkit-user-drag: none;
            user-select: none;
        }

        .wterioconbos {
            position: absolute;
            left: 0;
            top: 0;
            line-height: 0;
            user-select: none;
        }

        .selectStatus {
            position: absolute;
            left: 10px;
            top: 10px;
        }

        .seltinger {
            cursor: pointer;
        }
    }

    // .moveIcon {
    //     display: block;
    //     position: absolute;
    //     right: 0;
    //     top: 0;
    //     transform: translateX(50%) translateY(-50%);
    //     color: #fff;
    //     font-size: 20px;
    //     cursor: move;
    //     z-index: 100;
    //     background-color: rgba(0, 0, 0, 0.5);
    //     height: 80px;
    //     width: 80px;
    //     line-height: 20px;
    //     text-align: center;
    //     user-select: none;
    // }
}

.selectListerimgae {
    display: flex;
    flex-wrap: wrap;

    .contr {
        margin: 0 15px 15px 0;
        width: 100px;
        height: 100px;
        border: 1px solid #ccc;
        overflow: hidden;
        border-radius: 4px;
        box-sizing: content-box;
        background: #FAFBFC;
        position: relative;
        user-select: none;

        .imageconer {
            width: 100px;
            height: 100px;
        }

        .selectImage {
            // border: 2px solid #3CC781;
            // width: 15px;
            // height: 15px;
            position: absolute;
            left: 5px;
            top: 5px;
            // background: transparent;
            color: #3CC781;
            // border-radius: 50%;
            cursor: pointer;
            font-size: 16px;


        }
    }
}

.moberDater {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    // background: #FAFBFC;
    .conterTer {
        margin-top: -200px;

        .conters {
            color: #1c1f23;
            font-size: 24px;
            font-style: normal;
            font-weight: 500;
            line-height: 34px;
            margin-bottom: 8px;
            text-align: center;
        }

        .jieguobox {
            max-height: 500px;
            overflow-y: scroll;
            width: 400px;

            &::-webkit-scrollbar {
                width: 0px;
                /* 定义滚动条的宽度 */
            }

            .tebconter {
                // width: 50%;
                margin-bottom: 12px;
                border-radius: 4px;
                padding: 8px 6px;
                font-size: 12px;
                // border: 1px solid #e6e6e6;
            }

            .tebcontersuccess {
                // color: #3CC781;
                background-color: rgba(60, 199, 129, 0.1);
                border: 1px solid #3cc78121;
            }

            .tebconterfail {
                // color: #FF5050;
                // rgb(255, 80, 80)
                background-color: rgba(255, 80, 80, 0.1);
                border: 1px solid #ff505024;
            }
        }
    }
}

.copyConfigBox {
    position: relative;

    .codeBdoer {
        color: #fff;
        position: absolute;
        bottom: 100px;
        right: 40px;
        // width: 60px;
        height: 25px;
        background: linear-gradient(90deg, #1a66ff 3.41%, #4785ff);
        border-radius: 4px;
        cursor: pointer;
        font-size: 12px;
        line-height: 25px;
        padding: 0 5px;
        box-sizing: content-box;
    }
}

.addBodersModal {
    .auxo-modal-content {
        height: 880px !important;
        max-height: 880px !important;

        .auxo-modal-footer {
            padding-top: 15px !important;
            padding-bottom: 15px !important;
            border-top: 1px solid #e6e6e6 !important;
        }

        .auxo-modal-body {

            // height: 760px !important;
            // max-height: 760px !important;
            // overflow-y: scroll;
            &::-webkit-scrollbar {
                width: 0px;
                /* 定义滚动条的宽度 */
            }
        }

        // height: 800px !important;
        // max-height: 800px !important;
    }

    // height: 1200px;
}

.contehrsdfee {
    .content {
        display: flex;

        .lefutContent {
            margin-right: 10px;
        }
    }
}

.upImageBox98798 {
    width: 90px;
    height: 90px;
    border: 1px dashed #dcdee1;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;

    &:hover {
        color: #1a66ff;
        border-color: #1a66ff;
    }

    .njherssd {
        .miher {
            font-size: 18px;
        }

        .jiner {
            font-size: 12px;
        }
    }

}

.seghetewe {
    .njndhgr {
        font-size: 16px;

        &:hover {
            color: #1a66ff;

        }
    }
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}